(function($) {
	$.getUrlParam = function(name) {
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if (r != null) return unescape(r[2]);
		return null;
	}
})(jQuery);

let uploadedFiles = []; // 定义为全局变量

const index = I = {
	init() {
		$('#uid').val(localStorage.getItem('uid'));
	},
	uploadImg: function(file) {
		return new Promise((resolve, reject) => {
			var formData = new FormData();
			formData.append('file', file); // 将文件添加到 FormData

			$.ajax({
				url: 'http://localhost:8081/ddzyj/upload',
				type: 'post',
				cache: false,
				processData: false,
				contentType: false,
				data: formData,
				dataType: 'json',
				success: function(res) {
					console.log(res); // 检查上传后的返回结果
					if (res.code == 200) {
						resolve(res.downLoadPath); // 返回图片地址
					} else {
						reject(res.msg); // 返回错误信息
					}
				},
				error: function(xhr, status, error) {
					reject("上传失败：" + error); // 返回错误信息
				}
			});
		});
	},
	async add() {
		var _formData = $('#addForm').serialize(); // 序列化表单数据

		var isAdd = confirm("是否申报维修?");
		if (isAdd) {
			console.log(uploadedFiles); // 检查上传后的图片路径
			$.ajax({
				url: url.path + 'ddzyj/DingDanAdd',
				data: {
					uid: localStorage.getItem('uid'),
					address: $('#contact').val(),
					lxrname: $('#contactt').val(),
					lxrphone: $('#phone').val(),
					description: $('#desc').val(),
					img1: uploadedFiles[0] || '', // 第一张图片路径
					img2: uploadedFiles[1] || '',
					img3: uploadedFiles[2] || '' // 第一张图片路径
				},
				type: 'post',
				dataType: 'json',
				success: function(res) {
					if (res.code == 200) {

						location.href = './DaiPaiDan.html';
					} else {
						alert("更新");
					}
				},
				error: function() {
					alert('提交失败');
				}
			});
		}
	}
};



$(document).ready(function() {
	const maxFiles = 3; // 最多上传2张图片

	// 文件选择处理
	$('#fileInput').change(async function(e) {
		const files = e.target.files;
		console.log(files); // 检查文件是否被正确选择
		if (files.length > maxFiles) {
			alert(`最多只能上传${maxFiles}张图片`);
			return;
		}

		uploadedFiles = []; // 清空之前的文件
		$('#previewContainer').empty(); // 清空预览区域

		for (let i = 0; i < files.length; i++) {
			const file = files[i];
			try {
				const imagePath = await I.uploadImg(file); // 上传图片并获取路径
				console.log(imagePath); // 检查上传后的图片路径
				uploadedFiles.push(imagePath); // 存储图片路径

				// 显示预览图
				const previewWrapper = $('<div>').addClass('preview-image-wrapper');
				const previewImage = $('<img>').addClass('preview-image').attr('src', imagePath);
				const removeBtn = $('<button>').addClass('remove-btn').text('×').click(function() {
					removeImage(imagePath);
				});

				previewWrapper.append(previewImage).append(removeBtn);
				$('#previewContainer').append(previewWrapper);
			} catch (error) {
				console.error('上传失败:', error);
			}
		}

		// 隐藏上传区域
		$('#uploadBox').hide();
	});

	// 移除图片
	function removeImage(imagePath) {
		uploadedFiles = uploadedFiles.filter(path => path !== imagePath); // 从数组中移除图片路径
		$(`img[src="${imagePath}"]`).parent().remove(); // 移除对应的预览图

		// 如果没有图片了，显示上传区域
		if (uploadedFiles.length === 0) {
			$('#uploadBox').show();
		}
	}

	// 点击上传区域触发文件选择
	$('#uploadBox').off('click').on('click', function(e) {
		e.stopPropagation(); // 阻止事件冒泡
		$('#fileInput').click();
	});
});

$(function() {
	I.init();
	$('#tijiao').click(function() {
		I.add();
	});
});